<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>表单</title>
		<style type="text/css">
			#ad {
				width: 800px;
				margin: 100px auto;
			}
		</style>
		
		
		
	</head>
	<body>
		<!-- 表单
		 form
		 属性：action 提交地址  
				method：提交的方式 ：get提交不安全、大小限制 、post：相对安全
		input   type="text"  普通文本输入框
				type="password" 密码框
				type="radio" 单选按钮  一组选项中必须要有一个一样的name属性
				type="checkbox"  多选框
				<input type="file"> 提交文件
				type="submit" 提交
				type="reset" 重置
				placeholder 提示需要输入的内容
				checked  预先选中的  多选或单选可以用
				button
		 -->
		 <div id="ad">
		 	<form action="" method="post">
				<!-- <label for="name">用户名：</label>
				<input type="text" name="userName" id="name" value="" placeholder="支持账号或者邮箱登录" />
				密 码：<input type="password" name="pas" id="" value="" />
				<br>
				<input type="file"> 
				<input type="radio" name="gender" id="" value="" checked />男
				<input type="radio" name="gender"id="" value="" />女
				<input type="radio" name="gender"id="" value="" />人妖
				<input type="checkbox" name="ah" value="">吃
				<input type="checkbox">睡
				<input type="checkbox">玩
				<input type="checkbox" checked>学习 -->
				<br>
				
				<textarea rows="5" cols="60" placeholder="请自我介绍">				
				</textarea>
				您是谁？
				<textarea rows="4" cols="50" placeholder="描述信息...">
				</textarea>
				<br>
				 <fieldset>
				  <legend>Personalia:</legend>
				  Name: <input type="text"><br>
				  Email: <input type="text"><br>
				  Date of birth: <input type="text">
				 </fieldset>
				 <select name="city">
				 	<optgroup label="河北">
						<option value ="qhd">秦皇岛</option>
						<option value ="zjk">张家口</option>
						<option value ="sjz">石家庄</option>
					</optgroup>
					<optgroup label="辽宁">
						<option value ="jz">锦州</option>
						<option value ="hld">葫芦岛</option>
					</optgroup >
					
				 </select>
				 <input type="text" list="city1" />
				 <datalist id="city1">
					 <option value ="qhd">
					 <option value ="zjk">
					 <option value ="sjz">
				 </datalist>
				 <input type="color" name="" id="" value="" />
				 <input type="file">
				<input type="submit" value="提交"/>
				<input type="reset" value="重置"/>
				<input type="button" value="注册"/>
				<button type="button">登录</button>
			</form>
		 </div>
		 
	</body>
</html>
